<!-- 规则配置弹窗 -->
<template>
  <div @click.stop="()=>{}">
    <Dialogdrawerdefect
      :visible.sync="visible"
      :size="dlgWidth"
      :has-modal="false"
      :modal-append-to-body="false"
      :modal="false"
      @close="handleClose">
      <div>
        applyInfo
      </div>
    </Dialogdrawerdefect>
  </div>
</template>

<script>
import Dialogdrawerdefect from '@/components/dialogbox/dialogDrawerDefect'
export default {
  name: '',
  props: {
    rowData: {
      type: Object,
      default: () => {}
    },
    visible: {
      type: Boolean,
      default: false
    }
  },
  components: { Dialogdrawerdefect },
  data() {
    return {
      dlgWidth: '70%' // 弹框的宽度
    }
  },
  created() {},
  mounted() {},
  methods: {
    handleClose() {
      this.$emit('update:visible', false)
    }
  }
}
</script>
<style lang='scss' scoped>
.temp_tit{
  font-size: 16px;
  padding: 15px 20px;
  line-height: 18px;
}
.rule_wrap{
  border-left: 1px solid #e5e5e5;
  padding: 0px 24px 37px;
  color: #606266;
  // width:640px;
  background-color: #FFFFFF;
  // float:right;
  display: flex;
  .rule_basebox{
    width: 600px;
    padding-right: 10px;
  }
  .rule_checkpartbox{
    flex: 1;
  }

  /deep/ .el-form-item{
      padding: 6px 0;
      margin-bottom: 4px;
  }
  .short-input{
    display: inline-block;
    width: 270px;
    // /deep/ .el-input{
    //     width: 200px;
    // }
  }
  .short-mini-input{
    display: inline-block;
    width: 160px;
    // /deep/ .el-input{
    //     width: 200px;
    // }
  }
  // .small-text{
  //     margin-bottom: 5px;
  // }
  .describe-input{
      width: 590px;
      .el-input{
          width: 100%;
      }
  }
  /deep/ .el-form-item__content{
    line-height: 32px;
  }
  /deep/ .el-form-item__label{
    line-height: 32px;
  }
  .name{
      font-weight: bold;
  }
  .el-form--inline .el-form-item{
      margin-right:0px
  }
  .change-box{
      padding: 12px 16px 16px 16px;
      background: #F3F6FB;
      border-radius: 4px;
      margin-bottom: 10px;
      .rule_box_title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2px 0x;
        line-height: 40px;
        .tit{
          font-weight: bold;
          font-size: 12px;
        }
      }
      .rule_type_title{
        display: flex;
        align-items: center;
        padding: 2px 0 2px 10px;
        line-height: 20px;
        .tit{
          // font-weight: bold;
          min-width: 74px;
          color: #666;
          font-size: 12px;
        }
      }
      .check-input{
          margin-right: 16px;
          /deep/ .el-form-item__label{
              font-size: 12px;
          }
          /deep/ .el-input__inner{
              width:140px;
          }
          /deep/ .el-input__inner{
              width:140px;
          }
      }
      .el-form-item{
          margin-bottom: 10px;
          /deep/ .el-input__inner{
            // height: 28px!important;
            height: inherit;
            line-height: 28px;
            font-size: 12px;
          }
          /deep/ .el-input__suffix{
              top: 0px;
          }
      }
      .check_type_search{
        /deep/ .check_select .el-input__inner{
            width:180px;
        }
        /deep/ .check_ipt .el-input__inner{
            width:130px;
        }
        .ipt_apend /deep/ .el-input__inner{
            width:80px;
            padding-left: 10px;
        }
        /deep/ .el-form-item__content{
          line-height: 30px;
        }
        /deep/ .el-input__icon{
          line-height: 30px;
        }
      }
  }
  .small-font{
      font-size: 12px;
      /deep/ .el-form-item__label{
          font-size: 12px;
      }
      span{
          font-size: 12px;
      }
  }
  .small-tag{
      /deep/ .el-select__tags{
          .el-tag:first-child{
              max-width: 105px;
              padding-right: 15px;
              overflow: hidden;
              position: relative;
              text-overflow: ellipsis;
              .el-tag__close{
                  position: absolute;
                  right: 0;
                  top: 3px;
              }
          }
          .el-select__input{
              margin-left: 10px;
          }
      }
  }
  .m-b-1{
      .m-b-1-width{
          /deep/ .el-input__inner{
              width:165px;
          }
      }
      .m-b-1-width-small{
          /deep/ .el-input__inner{
              width:100px;
          }
      }
      .m-b-1-width-big{
          /deep/ .el-input__inner{
              width:210px;
          }
      }
      .m-b-1-margin{
          margin-right: 11px;
      }
      .el-icon-error{
          cursor: pointer;
      }
  }
  .m-b-0{
      /deep/ .el-form-item__content{
          width: 100%;
      }
      .m-b-1:hover{
          .hover-show{
              display: inline-block;
          }
      }
      .hover-show{
          display:none
      }
  }
}
.tree{
  // max-height: 720px;
  overflow-x: auto;
  width: 100%;
  /deep/ .el-form-item__content{
      display: block;
      // height: 720px;
      .el-tree{
          height:100%;
          .el-tree-node{
              background-color: #fff;
          }
      }
  }
}
.buttons{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 5px 25px;
    border-top: 1px solid #E5E7EC;
    line-height: 31px;
    z-index: 1;
    /deep/ .el-form-item__content{
        width:100%
    }
    .rule_explain_btn{
      float:left;
      cursor: default;
    }
    .right-buttons{
        float:right
    }
    .el-dropdown{
        color: #00c0ef;
    }
}
.el-input{
  width:auto;
  .el-input__suffix-inner span{
    color: #606266;
  }
}
.rule_styles{
  display: flex;
  font-size: 12px;
  color: #666;
  align-items: center;
  justify-content: space-between;
  .rule_style_item{
    margin-left: 10px;
  }
}
.form-a{
  cursor: pointer;
  color: #00C0EF;
}
.el-form {
  .el-select--small{
    /deep/ .el-input__icon{
        line-height: 40px;
    }
  }
}
.timeType{
  /deep/ .el-input__inner{
    margin-left: 5px;
    width: 140px;
  }
}
.check_tips{
  font-size: 12px;
  margin-bottom: 10px;
}
</style>
